<template>
<div>
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <span>***评审</span>
    </div>
  <el-descriptions class="margin-top" style="margin:30px 0;" title="基本信息" :column="3" size="meduim" border>
    <template slot="extra">
      <el-button type="primary" size="small">收起</el-button>
    </template>
    <el-descriptions-item :span="3">
      <template slot="label">
        工作内容和要求
      </template>
      <div style="display:flex; flex-wrap: wrap; justify-content: left;">
      <el-input v-model="SchemeDesign.content" type="textarea"></el-input>
      <el-button slot="append" type="text"><i class="el-icon-picture-outline" style="font-size: 20px"></i></el-button>
      <el-button slot="append" type="text"><i class="el-icon-paperclip"  style="font-size: 20px"></i></el-button>
      </div>
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-mobile-phone"></i>
        负责人
      </template>
      <el-select v-model="SchemeDesign.value" placeholder="请选择">
        <el-option
            v-for="item in SchemeDesign.optionsHeader"
            :key="item.value"
            :label="item.label"
            :value="item.value">
        </el-option>
      </el-select>
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-location-outline"></i>
        计划完成日期
      </template>
      <el-date-picker
          v-model="SchemeDesign.value1"
          type="date"
          placeholder="选择日期">
      </el-date-picker>
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-tickets"></i>
        实际完成日期
      </template>
      <el-date-picker
          v-model="SchemeDesign.value1"
          type="date"
          placeholder="选择日期">
      </el-date-picker>
    </el-descriptions-item>
  </el-descriptions>
    <el-descriptions class="margin-top" style="margin:30px 0;" title="审批意见" :column="2" size="meduim" border>
      <template slot="extra">
        <el-button type="primary" size="small">收起</el-button>
      </template>
      <el-descriptions-item :span="2">
        <template slot="label">
          申请人
        </template>
        <div style="display:flex; flex-wrap: wrap; justify-content: left;">
          <el-input v-model="SchemeDesign.apply" type="textarea"></el-input>
          <el-button slot="append" type="text"><i class="el-icon-picture-outline" style="font-size: 20px"></i></el-button>
          <el-button slot="append" type="text"><i class="el-icon-paperclip"  style="font-size: 20px"></i></el-button>
        </div>
      </el-descriptions-item>
      <el-descriptions-item :span="2">
        <template slot="label">
          <i class="el-icon-mobile-phone"></i>
          部门经理
        </template>
        <div style="display:flex; flex-wrap: wrap; justify-content: left;">
          <el-input v-model="SchemeDesign.apply" type="textarea"></el-input>
          <el-button slot="append" type="text"><i class="el-icon-picture-outline" style="font-size: 20px"></i></el-button>
          <el-button slot="append" type="text"><i class="el-icon-paperclip"  style="font-size: 20px"></i></el-button>
        </div>
      </el-descriptions-item>
      <el-descriptions-item :span="2">
        <template slot="label">
          <i class="el-icon-location-outline"></i>
          主管领导
        </template>
        <div style="display:flex; flex-wrap: wrap; justify-content: left;">
          <el-input v-model="SchemeDesign.apply" type="textarea"></el-input>
          <el-button slot="append" type="text"><i class="el-icon-picture-outline" style="font-size: 20px"></i></el-button>
          <el-button slot="append" type="text"><i class="el-icon-paperclip"  style="font-size: 20px"></i></el-button>
        </div>
      </el-descriptions-item>
      <el-descriptions-item :span="2">
        <template slot="label">
          <i class="el-icon-tickets"></i>
          总经理
        </template>
        <div style="display:flex; flex-wrap: wrap; justify-content: left;">
          <el-input v-model="SchemeDesign.apply" type="textarea"></el-input>
          <el-button slot="append" type="text"><i class="el-icon-picture-outline" style="font-size: 20px"></i></el-button>
          <el-button slot="append" type="text"><i class="el-icon-paperclip"  style="font-size: 20px"></i></el-button>
        </div>
      </el-descriptions-item>
    </el-descriptions>
  </el-card>
</div>
</template>

<script>
export default {
  name: "ReviewDetail",
  data(){
    return{

      SchemeDesign:{
        content:'',
        options: [
          {
            label: '业务类',
            options: [{
              value: 'Shanghai',
              label: '报价评审'
            }, {
              value: 'Beijing',
              label: '技术协议评审'
            }]
          }, {
            label: '设计类',
            options: [{
              value: 'Chengdu',
              label: '方案设计'
            }, {
              value: 'Shenzhen',
              label: '详细方案设计'
            }, {
              value: 'Guangzhou',
              label: '图纸更改'
            }]
          },
          {
            label: '工艺类',
            options: [{
              value: 'Chengdu',
              label: '工艺评审'
            }]
          }],
        optionsHeader: [{
          value: '选项1',
          label: '员工A'
        }, {
          value: '选项2',
          label: '员工B'
        }, {
          value: '选项3',
          label: '员工C'
        }],
        value1:''
      }
    }
  }
}
</script>

<style scoped>

</style>